
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>基础地理信息服务</title>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap-slider.css" />

    <link rel="stylesheet" href="../../css/mycover.css">

    <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/gis.css" />

    <link rel="stylesheet" type="text/css" href="../../css/font.css" >
    <link rel="stylesheet" href="https://js.arcgis.com/3.46/esri/css/esri.css">
    <style>
        html,
        body,
        #mapDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            overflow: hidden;
        }

        .options-panel {
            font: 20px helvetica, sans-serif;
            background-color: #fff;
            position: absolute;
            right: 20px;
            top: 10px;
            padding: 10px;
            border: 1px solid #544F4F;
            z-index: 10000;
            text-align: center;
        }

        input[type="text"] {
            margin-bottom: 0;
        }

        li {
            line-height: 37px;
        }

        ul {
            margin: 0;
            list-style-type: none;
        }

        body .demo-class .layui-layer-content {
            background: rgba(0, 0, 0, 0.5);
        }

        body .lucc-toc .layui-layer-content {
            background: rgba(0, 0, 0, 0.5);
        }

        body .wenchang .layui-layer-content {
            background: #fff;
        }

        .layui-form-checkbox[lay-skin=primary] {
            padding: 5px;
        }

        .esriLegendLayerLabel {
            width: auto;
            margin-left: 5px;
        }

        .esriLegendServiceLabel {
            margin: 5px;
        }

        /*.menu-btn {
            position: absolute;
            left: 70px;
            top: 20px;
            display: none;
        }*/

        .device-table {
            position: absolute;
            left: 70px;
            top: 58px;
            display: none;
        }

        #exChart-div {
            position: absolute;
            top: 50px;
            right: 5px;
            width: 340px;
            height: 230px;
            background-color: rgba(0, 0, 0, 0.7);
            border: 1px solid #034c6a;
            box-shadow: -10px 0px 15px #034c6a inset, /*左边阴影*/
            0px -10px 15px #034c6a inset, /*上边阴影*/
            10px 0px 15px #034c6a inset, /*右边阴影*/
            0px 10px 15px #034c6a inset;
            display: none;
        }

        #exChart {
            width: calc(100% - 20px);
            height: calc(100% - 20px);
            padding: 10px
        }
        /*让放大缩小控件隐藏*/
        /*#mapDiv_zoom_slider{
            display:none;
        }*/
        #table-1 {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 400px;
            transition: all 0.2s ease 0s;
            border-right:3px solid yellowgreen;
            
            background-image: url(../../images/c.jpg) !important;
            background-repeat: no-repeat;
            background-size: cover;
            color: #ffffff;
        }
        #mapDiv {
            position: absolute;
            left: 400px;
            top: 0;
            right: 0;
            bottom: 0;
            transition: all 0.2s ease 0s;
        }
        .layui-table{
            text-align: center;
            width: 100%;
            /* background-color: #fff; */
            /* color: #666; */
            background-color: unset;
            color: white;
        }
        .layui-table th {
            background-color: lightseagreen;
            font-size: larger;
        }
        .layui-table tbody tr:hover {
            background-color: #359f694f;
        }
        #folder{
            position: absolute;
            cursor: pointer;
            left: 400px;
            bottom: 0px;
            width: 30px;
            height: 30px;
            background-color: rgba(0,0,0,0.8);
            color:white;
            text-align:center;
            line-height: 30px;
            z-index:5;
            transition: all 0.2s ease 0s;
        }
        .menu-btn{
            /*position: absolute;*/
            /*top:4em;*/
            /*text-align:center;*/
            border:0;
            width: 100%;
        }

        /*.menu-btn button{
            width: calc(25% - 1px);
        }*/

        /*.menu-btn button{
            width: calc(50% - 1px);
        }*/
        .menu-btn button{
            margin:2px 2px 2px 2px;
        }

        .layui-table td, .layui-table th{
            text-align: center;
        }

        /*修改arcgis-infowindow的样式*/
        .sizer {
            position: relative;
            /*width: 270px;*/
            width: 370px !important;
            z-index: 1;
        }
        .contentPane{
            background: rgba(0,0,0,0.3)  !important;
            color:rgba(255,255,255,0.90) !important;
            max-height: 550px !important; /*注意：它会影响信息窗口对地图上下边缘处的自适应显示*/
            /*max-height:none !important;*/
            /*display: flex  !important;
            flex-direction: column !important;*/  /*不需要自加flex模式*/
            position: relative;  /*原本就有，不覆盖*/
            padding: 10px 6px 6px 10px;  /*原本就有，不覆盖*/
            overflow: auto;  /*原本就有，不覆盖*/
            border-bottom-left-radius: 10px; /*自加样式，为了美观*/
            border-bottom-right-radius: 10px; /*自加样式，为了美观*/
        }
        .actionsPane{
            background: rgba(0,0,0,0.3)  !important;
            display: none !important;
        }
        .titlePane{
            /*display:none !important;*/
            background: rgba(0,0,0,0.3)  !important;
            color:rgba(255,255,255,0.90) !important;
            display: flex  !important;
            flex-direction: column !important;
            max-height:none !important;
            /*width: 400px;*/
        }
        .infoContent{
            font-size: 14px;
        }
        /*地图信息窗口的表格样式*/
        .iftp table,
        .iftp table tr th,
        .iftp table tr td { border:1px solid #ffffff;}
        .iftp table { width: 350px; min-height: 25px; line-height: 25px; text-align: center; border-collapse: collapse; padding:2px;}
    </style>
    <script>
        var curPath = window.document.location.href;
        var package_path = curPath.substring(0, curPath.lastIndexOf("/"));
        var dojoConfig = {
            packages: [{
                name: 'measure',
                location: package_path + '../../lib/measure'
            }],
            parseOnLoad: false
        };
    </script>
    <script type="text/javascript" src="../../js/jquery-2.2.3.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-slider.js"></script>
    <script type="text/javascript" src="../../lib/layer/layer.js"></script>
    <script type="text/javascript" src="../../lib/echarts/echarts.js"></script>
    <script type="text/javascript" src="../../lib/layui/layui.js"></script>
    <script type="text/javascript" src="../../js/cgh-base.js"></script>
    <script src="https://js.arcgis.com/3.46/init.js"></script>
    <!-- <script type="text/javascript" src="../js/InfoTip.js"></script> -->
    <script>
        var map;
        var iTip;
        var veclay,HCimageLyr;
        var ZCBJ_Imagery;
        var feclay;
        var legend;
        var baseimg1, baseimg2;
        var img = {};
        var sdidx;
        var featurelay; //实地图片图层
        var jclay; //监测站点
        var mySlider //历史影像滑动条

        var myPoint,myLine,myPolygon;
        var AZDlyr_hcgl,AZDlyr_hctl,AZDlyr_qh,AZDlyr_stz,AZLXlyr;
        var mylayer;
        var anzhi_symble, symbol;
        var picSymbol;

        var AZD = {
            "0":{
                objid:1
                ,id:'a1'
                ,name:'西上台子屯（南）安置点'
                ,ctx:130.261
                ,cty:42.792
                ,desc:'</br><img src="images/kouan/azd0.jpg" width="200"></br> 西上台子屯安置点位于西上台子屯东侧宽阔旱田上，有西上台子屯（南）安置点、西上台子屯（北）安置点两处，两处安置点面积均较大，西上台子屯（南）安置点109983平方米，西上台子屯（北）安置点86531平方米，可分别提供1500人，1100人临时安置；西上台子屯可为安置点提供基础的电力、饮用水、食品等储备物资保障 。'
            },
            "1":{
                objid:2
                ,id:'a2'
                ,name:'古城村安置点'
                ,ctx:130.255
                ,cty:42.817
                ,desc:'</br><img src="images/kouan/azd1.jpg" width="200"></br> 古城村安置点位于古城村南侧旱田，场地宽阔、地形平整、土壤干燥，距离沙坨子口岸仅2公里，古城村有150余户居民，具有较好的物资保障能力，可为古城村安置点提供基础的电力、饮用水、食品等储备物资保障。'
            },
            "2":{
                objid:3
                ,id:'a3'
                ,name:'八家子安置点'
                ,ctx:130.248
                ,cty:42.779
                ,desc:'</br><img src="images/kouan/azd2.jpg" width="200"></br> 八家子安置点位于八家子村东侧旱田，距离沙坨子口岸2.5公里，占地面积18166平方米，可临时安置250人，八家子村可为安置点提供基础的电力、饮用水、食品等物资保障。'
            },
            "3":{
                objid:4
                ,id:'a4'
                ,name:'圈河村（西）安置点'
                ,ctx:130.539
                ,cty:42.579
                ,desc:'</br><img src="images/kouan/azd3.jpg" width="200"></br> 圈河村安置点位于圈河村北侧，是圈河与圈河村道路围城的半封闭区域，有圈河村（西）安置点、圈河村（东）安置点两部分组成，该处安置点紧邻圈河口岸，距离圈河口岸1000米；地形平坦，开阔，可分别容纳1600人、800人，总共为2400人提供临时安置保障，北侧有圈河为天然屏障，水面宽度10-15米，南侧开口狭窄形成半封闭区域；与圈河村仅一路相隔，圈河村可为安置点提供电力、饮用水、食品等储备物资，是理想的难民安置点。'
            },
            "4":{
                objid:5
                ,id:'a5'
                ,name:'池登坪（北）安置点'
                ,ctx:130.533
                ,cty:42.588
                ,desc:'</br><img src="images/kouan/azd4.jpg" width="200"></br> 池登坪安置点位于池登坪东侧，有池登坪（北）安置点、池登坪（南）安置点两处，池登坪（北）安置点面积较小，仅1299平方米，可供20人安置，但该处地面平整，以为水泥硬化地面，无需处理即可搭建临时帐篷，可供少量难民临时安置；池登坪（南）安置点位于空旷旱田处，地形平坦、宽阔，土壤干燥，占地面积22262平方米，可供300人临时安置，池登坪村可为安置点提供基础的电力、饮用水、食品、等储备物资保障。'
            },
            "5":{
                objid:6
                ,id:'a6'
                ,name:'九沙坪村安置点'
                ,ctx:130.516
                ,cty:42.626
                ,desc:'xxx'
            },
            "6":{
                objid:7
                ,id:'a7'
                ,name:'太阳村五组安置点'
                ,ctx:130.423
                ,cty:42.797
                ,desc:'</br><img src="images/kouan/azd1.jpg" width="200"></br> 该安置点位于太阳村五组西侧，被口岸大路相隔，远离地质灾害、各种污染源、易燃易爆危险品、高压线走廊设施，占地面积18104平方米，预计安置人员250人，临时安置点所需的电力、供水、物资储藏、安置人员临时办公场所可就近安排太阳村五组在合适场所，但太阳村五组仅有20余户居民，物资供应能力有限。'
            },
            "7":{
                objid:8
                ,id:'a8'
                ,name:'西上台子屯（北）安置点'
                ,ctx:130.258
                ,cty:42.788
                ,desc:'</br><img src="images/kouan/azd2.jpg" width="200"></br> 西上台子屯安置点位于西上台子屯东侧宽阔旱田上，有西上台子屯（南）安置点、西上台子屯（北）安置点两处，两处安置点面积均较大，西上台子屯（南）安置点109983平方米，西上台子屯（北）安置点86531平方米，可分别提供1500人，1100人临时安置；西上台子屯可为安置点提供基础的电力、饮用水、食品等储备物资保障 。'
            },
            "8":{
                objid:9
                ,id:'a9'
                ,name:'亿享国际安置点'
                ,ctx:130.456
                ,cty:42.773
                ,desc:'</br><img src="images/kouan/azd3.jpg" width="200"></br> 该安置点紧邻珲春市口岸，从位于中俄互市贸易区内，现为亿享国际院落，口岸到该安置点仅200米，但占地面积仅9165平方米，可临时安置100人；院落四周有多处厂房，水电齐全，可供安置点办公、储存物资使用，该处可设为珲春口岸难民检查、登记、办公前线和少量难民临时安置点，在此处检查、登记合格后的难民可运送至市出口加工管理局安置点或太阳村五组安置点。'
            },
            "9":{
                objid:10
                ,id:'a10'
                ,name:'圈河村（东）安置点'
                ,ctx:130.545
                ,cty:42.581
                ,desc:'</br><img src="images/kouan/azd4.jpg" width="200"></br> 圈河村安置点位于圈河村北侧，是圈河与圈河村道路围城的半封闭区域，有圈河村（西）安置点、圈河村（东）安置点两部分组成，该处安置点紧邻圈河口岸，距离圈河口岸1000米；地形平坦，开阔，可分别容纳1600人、800人，总共为2400人提供临时安置保障，北侧有圈河为天然屏障，水面宽度10-15米，南侧开口狭窄形成半封闭区域；与圈河村仅一路相隔，圈河村可为安置点提供电力、饮用水、食品等储备物资，是理想的难民安置点。'
            },
            "10":{
                objid:11
                ,id:'a11'
                ,name:'池登坪（南）安置点'
                ,ctx:130.532
                ,cty:42.584
                ,desc:'</br><img src="images/kouan/azd1.jpg" width="200"></br> 池登坪安置点位于池登坪东侧，有池登坪（北）安置点、池登坪（南）安置点两处，池登坪（北）安置点面积较小，仅1299平方米，可供20人安置，但该处地面平整，以为水泥硬化地面，无需处理即可搭建临时帐篷，可供少量难民临时安置；池登坪（南）安置点位于空旷旱田处，地形平坦、宽阔，土壤干燥，占地面积22262平方米，可供300人临时安置，池登坪村可为安置点提供基础的电力、饮用水、食品、等储备物资保障。'
            },
            "11":{
                objid:12
                ,id:'a12'
                ,name:'市出口加工管理局安置点'
                ,ctx:130.387
                ,cty:42.824
                ,desc:'</br><img src="images/kouan/azd2.jpg" width="200"></br> 该安置点位于市出口加工管理局院内空地，空地为水泥硬化地面，空间开阔，独立院落，水电便利；交通方便，距珲春市口岸8.8公里，驾车仅需14分钟，距市中心仅5公里，驾车10分钟可到达市内，周边有较多厂房，经协调整理后可供安置物资、临时办公等使用；占地面积40774平方米，预计安置人员550人，是理想的难民临时安置点。'
            }
        };

        var AZLX = {
            "0":{
                objid:2
                ,id:'l1'
                ,name:'珲春市口岸-珲春市人民医院'
                ,desc:'</br><img src="images/kouan/azlx1.jpg" width="200"></br> 25分钟15.6公里4个红绿灯;途经：口岸大路、河南西街;珲春市口岸,进入口岸大路，行驶5.1公里;靠左前方行驶，从口岸大路到口岸大路，行驶250米;靠左前方行驶，进入口岸大路，行驶7.5公里;右转，进入河南西街，行驶2.3公里;左转，进入森林山大路，行驶390米;右转，进入沿河东街，行驶90米;珲春市人民医院'
            },
            "1":{
                objid:3
                ,id:'l2'
                ,name:'圈河口岸-珲春市人民医院'
                ,desc:'</br><img src="images/kouan/azlx2.jpg" width="200"></br> 46分钟43.8公里4个红绿灯\n途经：S201、口岸大路\n圈河口岸\n进入S201，行驶15.7公里\n请直行，进入朝阳隧道，行驶370米\n请直行，进入S201，行驶7.5公里\n请直行，进入大盘岭隧道，行驶1.5公里\n请直行，进入S201，行驶10.6公里\n请直行，进入光新桥，行驶100米\n请直行，进入S201，行驶2.4公里\n左转，进入口岸大路，行驶3.0公里\n右转，进入河南西街，行驶2.3公里\n        左转，进入森林山大路，行驶390米\n右转，进入沿河东街，行驶80米\n珲春市人民医院\n'
            },
            "2":{
                objid:4
                ,id:'l3'
                ,name:'圈河口岸-敬信镇卫生院'
                ,desc:'</br><img src="images/kouan/azlx3.jpg" width="200"></br> 9分钟9.7公里\n途经：S201\n圈河口岸\n进入S201，行驶9.7公里\n敬信镇卫生院\n'
            },
            "3":{
                objid:1
                ,id:'l4'
                ,name:'沙坨子口岸——珲春市人民医院路线'
                ,desc:'</br><img src="images/kouan/azlx4.jpg" width="200"></br> 20分钟13.6公里5个红绿灯\n途经：S305、龙源西街\n沙坨子公路口岸\n进入S305，行驶10.3公里\n请直行，进入龙源西街，行驶3.0公里\n右转，进入森林山大路，行驶350米\n左转，进入沿河东街，行驶40米\n珲春市人民医院\n'
            },
            "4":{
                objid:2
                ,id:'l5'
                ,name:'珲春市口岸-珲春市人民医院'
                ,desc:'</br><img src="images/kouan/azlx5.jpg" width="200"></br> 25分钟15.6公里4个红绿灯\n途经：口岸大路、河南西街\n珲春市口岸\n进入口岸大路，行驶5.1公里\n靠左前方行驶，从口岸大路到口岸大路，行驶250米\n靠左前方行驶，进入口岸大路，行驶7.5公里\n右转，进入河南西街，行驶2.3公里\n左转，进入森林山大路，行驶390米\n'
            }
        };


        require(["dojo/dom",
            "dojo/query",
            "dojo/on",
            "esri/map",
            "esri/toolbars/navigation",
            "esri/layers/FeatureLayer",
            "esri/layers/ArcGISDynamicMapServiceLayer",
            "esri/layers/ArcGISTiledMapServiceLayer",
            "measure/MeasureTools",
            "esri/InfoTemplate",
            "esri/tasks/query",
            "esri/geometry/Point",
            "esri/geometry/Polyline",
            "esri/geometry/Polygon",
            "esri/symbols/SimpleLineSymbol",
            "esri/symbols/SimpleFillSymbol",
            "esri/SpatialReference",
            "esri/graphic",
            "esri/layers/GraphicsLayer",
            "esri/Color",
            "esri/symbols/SimpleMarkerSymbol",
            "esri/symbols/PictureMarkerSymbol",
            "esri/graphicsUtils",
            "esri/renderers/SimpleRenderer",
            "esri/dijit/Legend",
            "dojo/domReady!"
        ], function(
            dom,
            query,
            on,
            Map,
            Navigation,
            FeatureLayer,
            ArcGISDynamicMapServiceLayer,
            ArcGISTiledMapServiceLayer,
            MeasureTools,
            InfoTemplate,
            Query,
            Point,
            Polyline,
            Polygon,
            SimpleLineSymbol,
            SimpleFillSymbol,
            SpatialReference,
            Graphic,
            GraphicsLayer,
            Color,
            SimpleMarkerSymbol,
            PictureMarkerSymbol,
            graphicsUtils,
            SimpleRenderer,
            Legend) {
            map = new Map("mapDiv", {logo: false, slider: false});

            //region定义各图层并加载到地图中
            ZCBJ_Imagery = new ArcGISTiledMapServiceLayer("http://202.111.178.10:61236/arcgis/rest/services/71KT5/ZCBJ_Imagery/MapServer", {
                id: "中朝边境底图",
                visible: true
            });

            //AZDlyr_hcgl = new FeatureLayer("http://202.111.178.10:34576/arcgis/rest/services/KouAn/kouan_features/MapServer/7",{
            AZDlyr_hcgl = new FeatureLayer("http://202.111.178.10:61236/arcgis/rest/services/71KT5/HunchunFeatures/MapServer/7",{
                //infoTemplate: new InfoTemplate("${*}"),
                mode: FeatureLayer.MODE_SNAPSHOT,
                outFields: ["*"],
            });
            //AZDlyr_qh = new FeatureLayer("http://202.111.178.10:34576/arcgis/rest/services/KouAn/kouan_features/MapServer/8",{
            AZDlyr_qh = new FeatureLayer("http://202.111.178.10:61236/arcgis/rest/services/71KT5/HunchunFeatures/MapServer/8",{
                //infoTemplate: new InfoTemplate("${*}"),
                mode: FeatureLayer.MODE_SNAPSHOT,
                outFields: ["*"],
            });
            //AZDlyr_stz = new FeatureLayer("http://202.111.178.10:34576/arcgis/rest/services/KouAn/kouan_features/MapServer/9",{
            AZDlyr_stz = new FeatureLayer("http://202.111.178.10:61236/arcgis/rest/services/71KT5/HunchunFeatures/MapServer/9",{
                //infoTemplate: new InfoTemplate("${*}"),
                mode: FeatureLayer.MODE_SNAPSHOT,
                outFields: ["*"],
            });
            //AZLXlyr = new FeatureLayer("http://202.111.178.10:34576/arcgis/rest/services/KouAn/kouan_features/MapServer/10",{
            AZLXlyr = new FeatureLayer("http://202.111.178.10:61236/arcgis/rest/services/71KT5/HunchunFeatures/MapServer/10",{
                //infoTemplate: new InfoTemplate("${*}"),
                mode: FeatureLayer.MODE_SNAPSHOT,
                outFields: ["*"],
            });
            map.addLayer(ZCBJ_Imagery);
            map.addLayer(AZDlyr_hcgl);
            map.addLayer(AZDlyr_qh);
            map.addLayer(AZDlyr_stz);
            map.addLayer(AZLXlyr);
            //endregion

            map.on("load", function () {
                navToolbar = new Navigation(map);
                query(".navItem img").onclick(function (evt) {
                    navEvent(evt.target.parentNode.id);
                });
                // 将漫游设置为默认操作
                navEvent('deactivate');
            });

            //测量工具
            var measureTool = new MeasureTools({
                map: map
            }, "measureTools");

            //地图工具
            function navEvent(id) {
                map.graphics.clear();
                switch (id) {
                    case 'pan':
                        map.enablePan();
                        navToolbar.activate(Navigation.PAN);
                        navOption = id;
                        break;
                    case 'zoomprev':
                        navToolbar.zoomToPrevExtent();
                        break;
                    case 'zoomnext':
                        navToolbar.zoomToNextExtent();
                        break;
                    case 'extent':
                        navToolbar.zoomToFullExtent();
                        break;
                    case 'zoomin':
                        navToolbar.activate(Navigation.ZOOM_IN);
                        navOption = id;
                        break;
                    case 'zoomout':
                        navToolbar.activate(Navigation.ZOOM_OUT);
                        navOption = id;
                        break;
                    case 'deactivate':
                        navToolbar.deactivate();
                        navOption = id;
                        break;
                }
            }

            //region 设置相关符号
            var sms = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_DIAMOND,
                10,
                new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
                    new Color([0,0,0]),
                    1
                ),
                new Color([255,255,0])
            );
            var sfs = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,
                new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
                    new Color([255,255,0]),
                    2
                ),
                new Color([255,255,0,0.90])
            );
            var sls = new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
                new Color([0,255,0]),
                5
            );
            //普通点标记符号
            symbol = new SimpleMarkerSymbol(
                SimpleMarkerSymbol.STYLE_CIRCLE,
                12,
                new SimpleLineSymbol(
                    SimpleLineSymbol.STYLE_NULL,
                    new Color([247, 34, 101, 0.9]),
                    1
                ),
                new Color([255, 255, 0, 0.9])
            );
            //闪动的点的符号
            picSymbol = new PictureMarkerSymbol('./images/mapctrl/tim.gif', 20, 20);
            //endregion

        iTip = new InfoTip("i2Div", "infoTip green", map.position, true);

        $(".layui-btn").click(function(){
                //console.log(this); //console.log(this.id);
                var myid=this.id;
                for(var i=0; i<12; i++){
                    if(myid==AZD[i].id){
                        //console.log(AZD[i].objid);
                        //console.log(AZD[i].ctx);
                        //console.log(AZD[i].cty);
                        showMyPolygon(AZD[i]);
                    }
                }
            });

        function showMyPolygon(obj){
                var que = new esri.tasks.Query(); //que.where = "事件 <> '正常' AND 路线 ="+ manid;
                que.where = "OBJECTID ="+ obj.objid;
                AZDlyr_hcgl.queryFeatures(que, function(results){
                    console.log("AZDlyr_hcgl:"+results.features.length);
                    if(results.features.length){
                        addGps(results.features,obj);
                    }

                });
                AZDlyr_qh.queryFeatures(que, function(results){
                    console.log("AZDlyr_qh:"+results.features.length);
                    if(results.features.length){
                        addGps(results.features,obj);
                    }
                });
                AZDlyr_stz.queryFeatures(que, function(results){
                    console.log("AZDlyr_stz:"+results.features.length);
                    if(results.features.length){
                        addGps(results.features,obj);
                    }
                });
            }

        function addGps(geo,obj){
            console.log(geo);
            console.log(geo[0].attributes.面积 );
            if(myPolygon !=null){
                map.removeLayer(myPolygon);
                map.graphics.remove(myPolygon);
            }
            var attr={
                "编号":obj.id
                //,"名称":obj.name
                , "名称": geo[0].attributes.name
                ,"面积":geo[0].attributes.面积
                ,"安置规模":geo[0].attributes.安置规模
                //,"desc":geo[0].attributes.desc
                //,"desc1":geo[0].attributes.描述
                ,"描述":obj.desc
            };
            //var infoTemplate = new InfoTemplate("要素属性","$\{*\}");

            var rows = "<tr>" +
                "<td>编号</td>" +
                "<td>${编号}</td>" +
                "</tr>" +
                "<tr>" +
                "<td>名称</td>" +
                "<td>${名称}</td>" +
                "</tr>" +
                "<tr>" +
                "<td>面积</td>" +
                "<td>${面积}平方米</td>" +
                "</tr>" +
                "<tr>" +
                "<td>安置规模</td>" +
                "<td>${安置规模}</td>" +
                "</tr>"+
                "<tr>" +
                "<td  colspan='2'>${描述}</td>" +
                "</tr>"
            ;
            var items="<div class='iftp'>"+
                "<table>" +
                rows+
                "</table>" +
                "</div>";
            var jsonInfo = {
                title:"要素属性信息",
                content:items
            };
            var infoTemplate = new InfoTemplate(jsonInfo);

            myPolygon = new Graphic(geo[0].geometry,sfs,attr,infoTemplate);
            map.graphics.add(myPolygon);


            map.graphics.on("mouse-over", g_onMouseOverHandler);
            map.graphics.on("mouse-out", g_onMouseOutHandler);
            //map.graphics.on("click", g_onMouseOverHandler);

            if(myPoint != null){
                map.removeLayer(myPoint);
                map.graphics.remove(myPoint);
            }
            var point = new esri.geometry.Point({ "x": obj.ctx, "y": obj.cty, "spatialReference": {"wkid": 4326 } });
            map.centerAndZoom(point, 15);
            myPoint = new Graphic(point,picSymbol);
            map.graphics.add(myPoint);
        }

        function g_onMouseOverHandler(evt) {
            if (evt.graphic.attributes) {
                var img = '<img src="images/mapctrl/i_flag.png"/ style="height:20px;width20px;border:0;">';
                iTip.setContent(img + "&nbsp;<br />" + evt.graphic.attributes.name + "&nbsp;<br />" + evt.graphic.attributes.name);
                iTip.show(evt.screenPoint);
            }
        }

        function g_onMouseOutHandler(evt) {
                iTip.hide();
            }

        $(".hehe").click(function(){
                //console.log(this);
                //console.log(this.id);
                var myid=this.id;
                for(var i=0;i<4;i++){
                    if(myid== AZLX[i].id){ //console.log(AZD[i].objid);
                        //console.log(AZD[i].ctx);
                        //console.log(AZLX[i].desc);
                        showAZline(AZLX[i]);
                    }
                }
            });

        function showAZline(obj){
                //console.log(obj);
                var que = new esri.tasks.Query();
                //que.where = "事件 <> '正常' AND 路线 ="+ manid;
                que.where = "OBJECTID ="+ obj.objid;
                AZLXlyr.queryFeatures(que, function(results){
                    console.log("AZDlyr_hcgl:"+results.features.length);
                    if(results.features.length){
                        addAZline(results.features,obj);
                    }
                });
            }

        function addAZline(geo, obj){
                //console.log(geo);
                //console.log(obj);
                if(myPolygon != null){
                    map.removeLayer(myPolygon);
                    map.graphics.remove(myPolygon);
                }
                var attr={
                    "编号":obj.id
                    ,"名称":obj.name
                    ,"描述":obj.desc
                };

                var rows = "<tr>" +
                    "<td>安置路线编号</td>" +
                    "<td>${编号}</td>" +
                    "</tr>" +
                    "<tr>" +
                    "<td>安置路线名称</td>" +
                    "<td>${名称}</td>" +
                    "</tr>" +
                    "<tr>" +
                    "<tr>" +
                    "<td  colspan='2'>${描述}</td>" +
                    "</tr>"
                ;
                var items="<div class='iftp'>"+
                    "<table>" +
                    rows+
                    "</table>" +
                    "</div>";
                var jsonInfo = {
                    title:"详情",
                    content:items
                };
                var infoTemplate = new InfoTemplate(jsonInfo);

                myPolygon = new Graphic(geo[0].geometry,sls,attr, infoTemplate);
                map.graphics.add(myPolygon);
            }

        addHunChunKouAnMap();

        //珲春口岸基础地理信息展示
        function addHunChunKouAnMap() {
            var point = new esri.geometry.Point({ "x": 130.37, "y": 42.74,"spatialReference": { "wkid": 4326 } });map.centerAndZoom(point, 11);

            //veclay = new ArcGISDynamicMapServiceLayer("http://202.111.178.10:34576/arcgis/rest/services/KouAn/kouan_features/MapServer/");
            veclay = new ArcGISDynamicMapServiceLayer("http://202.111.178.10:61236/arcgis/rest/services/71KT5/HunchunFeatures/MapServer/");
            map.addLayer(veclay,1);

            veclay.on("load", function() {
                var layerString = '';
                var bLayers = veclay.layerInfos;
                $.ajax({
                    //url: "http://202.111.178.10:34576/arcgis/rest/services/KouAn/kouan_features/MapServer/legend?f=pjson",
                    url: "http://202.111.178.10:61236/arcgis/rest/services/71KT5/HunchunFeatures/MapServer/legend?f=pjson",
                    type: "GET",
                    dataType: "jsonp",
                    success: function(data) {
                        var lgl = data.layers;
                        //console.log(data);
                        var baseurl = "data:image/png;base64,";
                        layerString += '<input type="checkbox" id="' + ZCBJ_Imagery.id + '" title="' + ZCBJ_Imagery.id + '" lay-skin="primary"' + (ZCBJ_Imagery.visible ? " CHECKED " : "") + '><br>';
                        for (var i = 0; i < bLayers.length; i++) {
                            var currentSubLayer = bLayers[i];
                            var nexturl = lgl[i].legend[0].imageData;
                            layerString += '<img src="' + baseurl + nexturl + '">' + '<input type="checkbox" id="' + currentSubLayer.id + '" title="' + currentSubLayer.name + '" lay-skin="primary"' + (currentSubLayer.defaultVisibility ? " CHECKED " : "") + '><br>';
                        }
                        idx = layer.open({
                            //skin: 'demo-class',
                            title: '图层',
                            closeBtn: 0,
                            type: 1,
                            area: ['345px', ''],
                            offset: 'rb',
                            shadeClose: true,
                            shade: false,
                            content: '<div class="layui-form">' +
                            layerString +
                            '</div>',
                            success: function() {
                                startTC();
                            }
                        });
                        /*layer.style(idx, {
                         color:'red'
                         });*/
                    }
                });

            });
            showchart(['珲春安置容量%', '圈河安置容量%', '沙坨子容量%', '其它容量%'],[21.5,36.7, 29.3,12.5]);
        }

        function showchart(x,y) {
            document.getElementById("exChart-div").style.display = "block";
            var myChart = echarts.init(document.getElementById('exChart'));
            option = {
                title: {
                    text: '数据统计',
                    textStyle: {
                        color: '#fff'
                    }
                },
                tooltip: {},
                xAxis: {
                    type: 'category',
                    axisLabel: {
                        //调整x轴的lable
                        textStyle: {
                            color: '#fff'
                        },
                        interval: 0,
                        rotate: -
                            30
                    },
                    data: x
                },
                yAxis: {
                    type: 'value',
                    axisLabel: {
                        //调整x轴的lable
                        textStyle: {
                            color: '#fff'
                        }
                    }
                }
                ,
                grid: {
                    left: '14%'
                },
                series: [{
                    data: y,
                    type: 'bar',
                    barWidth: '30px'
                }]
            };
            myChart.setOption(
                option);
        }

        function startTC() {
            layui.use('form', function() {
                var form = layui.form;
                form.render();
                form.on('checkbox', function(data) {
                    console.log(data);
                    if (data.elem.id == "中朝边境底图") {
                        if (data.elem.checked) {
                            ZCBJ_Imagery.setVisibility(true);
                            return;
                        } else {
                            ZCBJ_Imagery.setVisibility(false
                            );
                            return;
                        }
                    }

                    var checkedId = [];
                    var checkedLayer = $(".layui-form-checked");
                    for (var i = 0; i < checkedLayer.length; i++) {
                        checkedId.push(checkedLayer[i].previousSibling.id);
                    }
                    veclay.setVisibleLayers(checkedId);
                });
            });
        }

    });
    </script>
</head>

<body class="tundra">
<div id="table-1">
    <div style="left: 0; width: 400px;height:3em;">  <!--position: absolute; top:1em;-->
        <span style="font-family:'Microsoft YaHei UI';font-size: 1.8em;text-align: center;">资源信息查询</span>
    </div>
    <div class="menu-btn">  <!--layui-btn-group-->
        <button class="layui-btn layui-btn-radius layui-btn-danger" onclick="showT('hunchun-1')">珲春中俄公路口岸安置点</button>&nbsp;
        <button class="layui-btn layui-btn-radius layui-btn-danger" onclick="showT('quanhe')">圈河中朝口岸安置点</button>&nbsp;
        <button class="layui-btn layui-btn-radius layui-btn-danger" onclick="showT('hunchun-2')">珲春中俄铁路口岸安置点</button>&nbsp;
        <button class="layui-btn layui-btn-radius layui-btn-danger" onclick="showT('shatuozi')">沙坨子中朝口岸安置点</button>&nbsp;
        <button class="layui-btn layui-btn-radius layui-btn-primary" onclick="showT('hospital')">医院</button>
        <button class="layui-btn layui-btn-radius layui-btn-normal" onclick="showT('government')">政府机构</button>
        <button class="layui-btn layui-btn-radius " onclick="showT('school')">学校</button>
        <button class="layui-btn layui-btn-radius layui-btn-warm" onclick="showT('gas')">加油加气</button>&nbsp;&nbsp;&nbsp;
        <button class="layui-btn layui-btn-radius layui-btn-primary" onclick="showT('anzhiluxian')">&nbsp;&nbsp;口&nbsp;&nbsp;岸&nbsp;&nbsp;难&nbsp;&nbsp;民&nbsp;&nbsp;安&nbsp;&nbsp;置&nbsp;&nbsp;点&nbsp;&nbsp;重&nbsp;&nbsp;大&nbsp;&nbsp;疾&nbsp;&nbsp;病&nbsp;&nbsp;送&nbsp;&nbsp;医&nbsp;&nbsp;路&nbsp;&nbsp;线</button>
    </div>
    <br />
    <div id="hunchun-1" class="mytb" style="display:table;left: 0;width: 400px;">
        <table class="layui-table" style="margin:0;">
            <thead>
            <tr>
                <th>编号</th>
                <th>安置点</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>HCGL01</td>
                <td>太阳村五组安置点</td>
                <td>
                    <button  id="a7" class="layui-btn layui-btn-xs" onclick="">详情</button>  <!--showDetailsOnMap('HCGL01');-->
                </td>
            </tr>
            <tr>
                <td>HCGL02</td>
                <td>市出口加工管理局安置点</td>
                <td>
                    <button id="a12" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>HCGL03</td>
                <td>亿享国际安置点</td>
                <td>
                    <button id="a9" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="hunchun-2" class="mytb" style="display:none;left: 0;width: 400px;">
        <table class="layui-table" style="margin:0;">
            <thead>
            <tr>
                <th>编号</th>
                <th>安置点</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>HCTL01</td>
                <td>太阳村五组安置点</td>
                <td>
                    <button id="a7" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>HCTL02</td>
                <td>市出口加工管理局安置点</td>
                <td>
                    <button  id="a12" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>HCTL03</td>
                <td>亿享国际安置点</td>
                <td>
                    <button  id="a9" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="quanhe" class="mytb" style="display:none;left: 0;width: 400px;">
        <table class="layui-table" style="margin:0;">
            <thead>
            <tr>
                <th>编号</th>
                <th>安置点</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>QH01</td>
                <td>圈河村（西）安置点</td>
                <td>
                    <button id="a4" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>QH02</td>
                <td>池登坪（北）安置点</td>
                <td>
                    <button id="a5" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>QH03</td>
                <td>九沙坪村安置点</td>
                <td>
                    <button id="a6" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>QH04</td>
                <td>圈河村（东）安置点</td>
                <td>
                    <button id="a10" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>QH05</td>
                <td>池登坪（南）安置点</td>
                <td>
                    <button id="a11" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="shatuozi" class="mytb" style="display:none;left: 0;width: 400px;">
        <table class="layui-table" style="margin:0;">
            <thead>
            <tr>
                <th>编号</th>
                <th>安置点</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>STZ01</td>
                <td>西上台子屯（南）安置点</td>
                <td>
                    <button id="a1" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>STZ02</td>
                <td>古城村安置点</td>
                <td>
                    <button id="a2" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>STZ03</td>
                <td>八家子安置点</td>
                <td>
                    <button id="a3" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>STZ04</td>
                <td>西上台子屯（北）安置点</td>
                <td>
                    <button id="a8" class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="hospital" class="mytb" style="display:none;left: 0;width: 400px;">
        <table class="layui-table" style="margin:0;">
            <thead>
            <tr>
                <th>编号</th>
                <th>监测站点</th>
                <th>操作55</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>C3-1</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>C3-2</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td>C3-3</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>C3-4</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td>C3-5</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="government" class="mytb" style="display:none;left: 0;width: 400px;">
        <table class="layui-table" style="margin:0;">
            <thead>
            <tr>
                <th>编号</th>
                <th>监测站点</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>C3-1</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>C3-2</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td>C3-3</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>C3-4</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td>C3-5</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="deviceInfo();">详情</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="school" class="mytb" style="display:none;left: 0;width: 400px;">
        <table class="layui-table" style="margin:0;">
            <thead>
            <tr>
                <th>编号</th>
                <th>监测站点</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>C3-1</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="deviceInfo();">详情</button>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>C3-2</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="deviceInfo();">详情</button>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td>C3-3</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="deviceInfo();">详情</button>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>C3-4</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="deviceInfo();">详情</button>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td>C3-5</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="deviceInfo();">详情</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="gas" class="mytb" style="display:none;left: 0;width: 400px;">
        <table class="layui-table" style="margin:0;">
            <thead>
            <tr>
                <th>编号</th>
                <th>监测站点</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>C3-1</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="deviceInfo();">详情</button>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>C3-2</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="deviceInfo();">详情</button>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td>C3-3</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="deviceInfo();">详情</button>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>C3-4</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="deviceInfo();">详情</button>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td>C3-5</td>
                <td>
                    <button class="layui-btn layui-btn-xs" onclick="deviceInfo();">详情</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="anzhiluxian" class="mytb" style="display:none;left: 0;width: 400px;">
        <table class="layui-table" style="margin:0;">
            <thead>
            <tr>
                <th>编号</th>
                <th>安置转移路线</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>珲春口岸-市人民医院</td>
                <td>
                    <button class="layui-btn layui-btn-xs hehe" id="l1" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>圈河口岸-珲春市人民医院</td>
                <td>
                    <button class="layui-btn layui-btn-xs hehe" id="l2" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td>圈河口岸-敬信镇卫生院</td>
                <td>
                    <button class="layui-btn layui-btn-xs hehe" id="l3" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>沙坨子口岸——珲春市人民医院路线</td>
                <td>
                    <button class="layui-btn layui-btn-xs hehe" id="l4" onclick="">详情</button>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td>珲春口岸-珲春市人民医院</td>
                <td>
                    <button class="layui-btn layui-btn-xs hehe" id="l5" onclick="">详情</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<div id="folder">
    <!--<i class="iconfont">&#xe67d;</i>-->
    <i class="iconfont">&#xe697;</i>
</div>
<div style="position: absolute; right:0; top:5px; z-index: 10;">
    <div id="navDiv1" style="float: right; overflow: hidden; padding: 0px; border: 0px;">
        <div id="pan" class="navItem" style="margin-right: 3px; overflow: hidden; float:right;">
            <img title="漫游" src="images/mapctrl/hand.png" />
        </div>
        <div id="zoomnext" class="navItem">
            <img src="images/mapctrl/right.png" title="后一视图" />
        </div>
        <div id="zoomprev" class="navItem">
            <img src="images/mapctrl/left.png" title="前一视图" />
        </div>
        <div id="extent" class="navItem">
            <img src="images/mapctrl/web.png" title="全图显示" />
        </div>
        <div id="zoomout" class="navItem">
            <img src="images/mapctrl/zoomout.png" title="地图缩小" />
        </div>
        <div id="zoomin" class="navItem">
            <img src="images/mapctrl/zoomin.png" title="地图放大" />
        </div>
        <div id="measureTools" class="navItem measure">
            <img src="images/mapctrl/ruler.png" title="地图测量" />
            <ul class="drop-down-content">
                <li><a href="javascript:;" class="measure-distance">距离测量</a></li>
                <li><a href="javascript:;" class="measure-area">面积测量</a></li>
            </ul>
        </div>
    </div>
</div>
<div id="mapDiv" style="background-image: url(../../images/h.jpg);background-repeat: no-repeat;background-size: cover;background-color: skyblue;"></div>
<!--<div class="layui-btn-group menu-btn" id="wc-anli">
    <button class="layui-btn layui-btn-normal" onclick="showdt()">监测点列表</button>
</div>-->
<script>
    function showT(id){
        $(".mytb").css("display","none");//其它表格关闭
        $("#"+id).css("display","table");//只有符合id的表格打开
    }

    layui.use(['form','laydate'], function(){
        var form = layui.form;
        form.render();
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#getdate', //指定元素
            type: 'datetime'
        });

        form.verify({
            number: [/^$|^[0-9]+.?[0-9]*$/, '必须为数字']
        });

        form.on('submit(addrec)', function(data) {
            var updata = data.field;
            $.get("../insertWaterqua",updata,function (evt) {
                if(evt == "0"){
                    layer.msg("数据已添加！");
                    returnLayout();
                }else{
                    layer.msg("添加失败，请检查参数");
                }
            });
            return false;
        });
    });

    var openLeft = true;
    $("#folder").click(function(){
        console.log(111);
        if(openLeft){
            document.getElementById("table-1").style.left="-400px";
            document.getElementById("mapDiv").style.left="0px";
            document.getElementById("folder").style.left="0px";
            //document.getElementById("folder").innerHTML="<i class='iconfont'>&#xe63d;</i>";
            document.getElementById("folder").innerHTML="<i class='iconfont'>&#xe6a7;</i>";
            openLeft = false;
        }else{
            document.getElementById("table-1").style.left="0px";
            document.getElementById("mapDiv").style.left="400px";
            document.getElementById("folder").style.left="400px";
            //document.getElementById("folder").innerHTML="<i class='iconfont'>&#xe67d;</i>";
            document.getElementById("folder").innerHTML="<i class='iconfont'>&#xe697;</i>";
            openLeft = true;
        }
    });
</script>
<div id="exChart-div">
    <div id="exChart"></div>
</div>
</body>

</html>